<!DOCTYPE html>
<!-- saved from url=(0054)http://twitter.github.com/bootstrap/examples/hero.html -->
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>{% block title %}{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/bootstrap-responsive.min.css" rel="stylesheet">
    <!-- Extra style -->
    {% block style %}
    <link href="/assets/less/style.less" rel="stylesheet/less" type="text/css">
    {% endblock %}
     
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
	<script src="/assets/js/libs/modernizr-2.5.3.min.js"></script>
</head>

  <body id="body" class="{% block bodyClass %}{% endblock %}">
	<div id="fb-root"></div>
	<script>
		( function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if(d.getElementById(id))
				return;
			js = d.createElement(s);
			js.id = id;
			js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=298548003548482";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
    <div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
			<div  id="logo"><a href="#">InviteSquare</a></div>
			<form class="navbar-search pull-left" action="">
				<input type="text" class="search-query span2" placeholder="Search">
				<div class="icon-search"></div>
			</form>
			
			<!-- Extra stuff for navigation on left -->
			{% block nav_main_left %}
			{% endblock %}
			<div class="nav-collapse">
				<ul class="nav pull-right">
					<!-- Extra stuff for navigation on right -->
					{% block nav_main_right %}
						<li>
							<a href="#" id="btn-abt">About us</a>
						</li>
						{% if (user_data)  %}
						<li>
							<a href="/auth/logout" id="btn-logout"><i class="icon-off icon-white"></i> Log out</a>
						</li>
						{% else %}
						<li>
							<a href="#"  id="btn-login"><i class="icon-off icon-white"></i> Log in</a>
						</li>
						{% endif %}
					{% endblock %}
					
				</ul>
			</div><!--/.nav-collapse -->
		
		</div>
	</div>
	{% block nav_secondary %}
	<!-- second nav bar -->
	<div class="navbar navbar-fixed-top secondary">
		<div class="navbar-inner secondary">
			<div class="container-fluid">
				<div class="navbar">
					<div class="btn-group" style="margin: 9px 0;">
							<!-- Default secondary navigation on the left. Categories-->
							<button class="btn active">Left</button>
							<button class="btn">Middle</button>
							<button class="btn">Right</button>
							<!-- Extra for secondary navigation on the left -->
							{% block nav_secondary_left %}
			          		{% endblock %}
			          	<div class="nav pull-right">
			          		<!-- Extra for secondary navigation on the right -->
			          		{% block nav_secondary_right %}
			          		{% endblock %}
			          		<!-- Default secondary navigation on the right -->
							<button id="dollar" class="btn"><a href="#"></a></button>
							<button id="calendar" class="btn"><a href="#"></a></button>
							
						</div>	
			        </div>
					
				</div><!--/.nav-collapse -->
			</div>
		</div>
	</div>
	{% endblock nav_secondary %}
	
    <div id="content-wrapper" class="container-fluid page {% block containerClass %}{% endblock %}">
    	<!-- Main content -->
    	{% block content %} 
		{% endblock %}
   		
    </div> <!-- /container -->
	{% block footer %}
	<!--<footer class ="container-fluid">
	     <p>© InviteSquare 2012</p>  
	</footer>-->
	{% endblock %}
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- Placed at the end of the document so the pages load faster -->
		<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
		<script>
			window.jQuery || document.write('<script src="/assets/js/libs/jquery-1.7.2.min.js"><\/script>')
		</script>
		<script src="/assets/js/libs/less-1.3.0.min.js"></script>
		<script src="/assets/js/libs/underscore.js"></script>
		<script src="/assets/js/libs/backbone.js"></script>
		<script src="/assets/js/plugins/bootstrap/bootstrap.min.js"></script>
		<script src="/assets/js/plugins/image-loaded/jquery.imagesloaded.js"></script>
		<script src="/assets/js/plugins/masonry/jquery.masonry.min.js"></script>
		<script src="/assets/js/plugins/slimscroll/slimScroll.min.js"></script>
		{% block javascript_plugins %}{% endblock %}

		<!-- Load plugins -->
		<!-- Add mousewheel plugin (this is optional) -->
		<script type="text/javascript" src="/assets/js/plugins/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

		<!-- Add fancyBox -->
		<link rel="stylesheet" href="/assets/js/plugins/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
		<script type="text/javascript" src="/assets/js/plugins//fancybox/source/jquery.fancybox.pack.js?v=2.0.6"></script>

		<!-- Optionally add helpers - button, thumbnail and/or media -->
		<link rel="stylesheet" href="/assets/js/plugins/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />
		<script type="text/javascript" src="/assets/js/plugins//fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
		<script type="text/javascript" src="/assets/js/plugins//fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>

		<link rel="stylesheet" href="/assets/js/plugins//fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />
		<script type="text/javascript" src="/assets/js/plugins//fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>
		
		<!-- Optional font -->
		<link href='http://fonts.googleapis.com/css?family=Amaranth:400,400italic' rel='stylesheet' type='text/css'>
		
		<!-- Application specific logic -->
		<script src="/assets/js/app/namespace.js"></script>
		<script src="/assets/js/app/vm.js"></script>
		<script src="/assets/js/app/auth_module.js"></script>
		<script src="/assets/js/app/friend_module.js"></script>
		<script src="/assets/js/app/base_module.js"></script>
		<script type="text/javascript">
			//<![CDATA[
				Invitesq.userData = {{user_data|default(-1)}} ;
				Invitesq.userFriends = {{user_friends|default(-1)}} ;
			//]]
		</script>
		<!-- Extra page-specific javascripts --> 
		{% block javascript_main %}{% endblock %}
  
</body></html>